@import './iconmoon.less';
.main-container {
    border-top: 1px solid #e9eaec;
    margin-top: 10px;
}

.margin-top-8 {
    margin-top: 8px;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.display-block {
    display: block;
}

.bold {
    font-weight: bold;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-left-5 {
    margin-left: 5px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-100 {
    margin-bottom: 100px;
}

.margin-right-10 {
    margin-right: 10px;
}

.padding-left-6 {
    padding-left: 6px;
}

.padding-left-8 {
    padding-left: 5px;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-left-20 {
    padding-left: 20px;
}

.height-100 {
    height: 100%;
}

.height-120px {
    height: 100px;
}

.height-200px {
    height: 200px;
}

.height-492px {
    height: 492px;
}

.height-460px {
    height: 460px;
}

.line-gray {
    height: 0;
    border-bottom: 2px solid #dcdcdc;
}

.notwrap {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.padding-left-5 {
    padding-left: 10px;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right !important;
}

[v-cloak] {
    display: none;
}

body {
    // font-size: 14px;
}

.filter-item {
    >span {
        float: left;
        width: 80px;
        line-height: 26px;
        font-size: 12px;
    }
    >div {
        margin-left: 80px !important;
        &.filter-item-input {}
    }
    .ivu-tag {
        // font-size: 14px;
        padding: 2px 8px;
        height: auto;
        line-height: 1.5;
        &-blue {
            border: 1px solid transparent;
        }
    }
    &.hide-default {
        >div {
            .ivu-tag:first-child {
                display: none;
            }
        }
    }
    margin-bottom: 10px;
}

.ivu-upload-list-file {
    line-height: 1.5;
}

.ivu-form .ivu-form-item-label {
    line-height: 1.2;
}

// .ivu-input,
// .ivu-btn {
//   font-size: 14px;
// }
.no-label {
    .ivu-form-item-content {
        margin-left: 0 !important;
    }
    label {
        text-align: left !important;
    }
}

.container {
    width: 100%;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

.ivu-table-cell {
    .item-title {
        padding: 5px 0;
        .ivu-tag {
            margin-top: 0;
            padding: 0px 6px;
            cursor: default;
        }
        a {
            color: #333;
            margin-left: 5px;
            font-size: 14px;
        }
        p {
            margin-bottom: 2px;
        }
    }
}

// .ivu-tag {
//   position: relative;
//   padding-right: 20px;
//   .ivu-icon-ios-close-empty {
//     position: absolute;
//     right: 8px;
//     top: 20%;
//   }
// }
.filter-item {
    .ivu-tag {
        &.ivu-tag-checked {
            &.ivu-tag-blue {
                .ivu-tag-text {
                    color: white;
                }
            }
        }
    }
}

.tag-selector {
    .ivu-tag {
        position: relative;
        padding-right: 20px;
        .ivu-tag-text {
            display: inline-block;
            text-overflow: ellipsis;
            overflow: hidden;
        }
        .ivu-icon-ios-close-empty {
            position: absolute;
            right: 8px;
            top: 3px;
        }
    }
    .ivu-select-item {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}

.date {
    font-size: 12px;
}

textarea {
    resize: none;
}

form.new-message {
    position: relative;
    .ivu-input-wrapper {
        position: absolute;
        left: 0;
        right: 60px;
        height: 60px;
        top: 0;
        width: auto;
        textarea {
            height: 100%;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            resize: none;
            box-shadow: none;
        }
    }
    button {
        float: right;
        height: 60px;
        width: 60px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}

.grade-subjects {
    >span {
        padding: 8px 10px 8px 25px;
        display: block;
        font-size: 14px;
        cursor: pointer;
    }
    ul {
        display: none;
        position: absolute;
        left: 200px;
        width: 240px;
        top: 46px;
        background: rgba(255, 255, 255, 0.8);
        bottom: 0;
        padding: 10px 0;
        li {
            display: inline-block;
            >a {
                padding: 5px 15px;
                font-size: 14px;
                display: block;
                color: #333;
                &:hover {
                    color: #39f;
                }
            }
        }
    }
    &:hover {
        >span {
            background-color: rgba(57, 57, 57, 0.8)
        }
        >ul {
            display: block;
        }
    }
}

ul {
    li {
        list-style: none;
    }
}

ul.fake-tabs {
    text-align: center;
    margin-top: 15px;
    li {
        display: inline-block;
        >a {
            display: block;
            padding: 10px;
            color: #333;
            font-size: 14px;
            border-bottom: 2px solid transparent;
            &:hover {
                color: #39f;
            }
            &.active {
                color: #39f;
                border-bottom-color: #39f;
            }
        }
    }
    margin-bottom: 20px;
}

.layout-body {
    .fake-tabs {
        background: white;
    }
}

.item-tag {
    background: lighten(#39f, 30%);
    border-color: lighten(#39f, 30%);
    color: white;
    font-weight: normal;
}

.recommend-btn {
    text-align: center;
    .ivu-tooltip {
        display: block !important;
    }
    a {
        color: #333;
        font-size: 14px;
        &:hover {
            color: #39f;
        }
    }
    p {
        text-align: center;
    }
}

.ivu-loading-bar-inner-color-primary {
    background-color: lighten(#2d8cf0, 20%)
}

.text-muted {
    color: #666;
}

.editor {
    .editor-inner {
        padding: 15px;
        img {
            max-width: 100%;
        }
    }
}

@media (max-width: 1200px) {
    .navbar-brand {
        display: none;
    }
}

@media (max-width: 991px) {
    .navbar-nav.pull-right {
        display: none;
    }
    .main-nav-left {
        display: none;
    }
    .main-nav-body {
        left: 0 !important;
        width: 100%;
        overflow: auto;
        top: -48px !important;
        ul {
            display: block;
            white-space: nowrap;
            overflow: auto;
        }
    }
}

@media (max-width: 767px) {
    .navbar-brand,
    .layout-logo {
        display: none;
    }
    .navbar {
        width: 100%;
        overflow: auto;
        .navbar-nav-main {
            display: block;
            white-space: nowrap;
            overflow-x: auto;
            overflow-y: hidden;
        }
    }
}

.no-nav.navbar {
    .navbar-brand {
        display: block !important
    }
}

.layout-copy {
    background: white;
    text-align: center;
    padding: 15px 0;
    color: #9ea7b4;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.responsive-image-item {
    text-align: center;
    background: black;
    img {
        width: auto !important;
        max-width: 100%;
        vertical-align: middle;
        @media (min-width: 1200px) {
            height: 159px;
        }
        @media (min-width: 996px) and (max-width: 1200px) {
            height: 132px;
        }
        @media (min-width: 767px) and (max-width: 996px) {
            height: 201px;
        }
        @media (max-width: 767px) {
            height: auto;
            max-height: 100%;
        }
    }
}